/**
 * @功能描述: 功能 tag 样式组件
 * @author: lzn
 * @date: 2022-09-27 09:35:46
 * @version: 1.0
 */
@import '../../style/index.scss';
@import './variable';

// tag颜色相关样式
@mixin tag-colors($text, $bg, $border) {
  color: $text;
  background: $bg;
  border-color: $border;
}

// 定义magenta色彩标签
@include b(tag-magenta) {
  @include tag-colors($magenta-text, $magenta-bg, $magenta-border);
}

// 定义red色彩标签
@include b(tag-red) {
  @include tag-colors($red-text, $red-bg, $red-border);
}

// 定义oranged色彩标签
@include b(tag-orange) {
  @include tag-colors($orange-text, $orange-bg, $orange-border);
}

// 定义gold色彩标签
@include b(tag-gold) {
  @include tag-colors($gold-text, $gold-bg, $gold-border);
}

// 定义green色彩标签
@include b(tag-green) {
  @include tag-colors($green-text, $green-bg, $green-border);
}

// 定义blue色彩标签
@include b(tag-blue) {
  @include tag-colors($blue-text, $blue-bg, $blue-border);
}

// 定义purple色彩标签
@include b(tag-purple) {
  @include tag-colors($purple-text, $purple-bg, $purple-border);
}